<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Document</title>
</head>

<body>

    <input type="text" class="myinput" name="" id="">
    <script>

        // offsetLeft: offsetX： offsetWidth;
        // clientLeft  clientX: clientWidth;
        // pageX PageY
        // RegExp
        // 版本控制工具 ：git   正则表达式 （起源生物学）；规则表达式；
        var ele = document.querySelector(".myinput")

        var reg = /^\d+$/g;
        document.onclick = function () {
            var value = ele.value;
            if (reg.test(value)) {
                console.log("可以输入")
            } else {
                console.log("不符合规则");
            }
        }

    </script>
</body>

</html>